<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<title>欢迎使用-物流信息管理系统</title>
	<%@ include file="layouts/top.jsp"%>
	
	<script type="text/javascript">
		function guestLogin() {
			$('#userId').val('guest');
			$('#password').val('555');
			$("#loginForm").submit();
		}
	</script>
</head>

<body style="padding:100px;" onkeydown="keyCode(event)">
	<table height="100%" align="center" valign="middle">
		<tr>
        	<td align="center">
				<p style="font-size:200%; font-weight:bold;">物流信息管理系统</p>
			</td>
        </tr>
		<tr>
			<td>
				${tip}
				<form id="loginForm" action="doLogin" method="post" class="form-horizontal">
					<table>
						<tr>
							<td>用户名:</td>
							<td>
								<input type='text' id='userId' name='userId' class="input-medium required"/>
							</td>
						</tr>
						<tr>
							<td>密码:</td>
							<td>
								<input type="password" id="password" name="password" class="input-medium required"/>
							</td>
						</tr>
						<tr>
							<td colspan='2' align="center">
								<input value="登录" type="submit" class="button" />
								&nbsp;&nbsp;&nbsp;
								<input value="重置" type="reset" class="button" data-dismiss="alert"/>
								&nbsp;&nbsp;&nbsp;
								<input value="访客登录" type="button" class="button" onclick="guestLogin()" />
							</td>
						</tr>
					</table>
				</form>
			</td>
		</tr>
	</table>
</body>
</html>
